﻿a{ text-decoration:none;}
*{margin:0;padding:0}
img
{
    border:0;}
html, body, form, #MainWrap  
{
    text-decoration:none;
    font-family:Helvetica,Arial,sans-serif;
    height: 100%; 
    min-height: 100%;
    width:100%;
    min-width:100%;
   
    }
#MainWrap 
{
    overflow:auto;
   height: auto !important;
    min-height: 100%;
    width:100%;
    min-width:1100px;
     background-image:url('../Images/MainBg.png'); 
    background-repeat:repeat;
    }
#header
{
    border: 0px solid red;
    width:100%;
    min-width:1100px;
    height: 165px;
    background-image:url('../Images/BgTopMenu.png'); 
    background-repeat:repeat-x;
    }
 #header #inner
{
    width: 960px; 
    height: 165px;
    border: 0px solid green;
    margin:0 auto;
    }
     #main 
{
    overflow:auto; 
    border: 0px solid red;
    width:100%;
    min-width:1100px;
    height:100%;
    }
    #MainContent
    {
        margin:0 auto;
        width: 960px; 
    height: 100%;
    border: 0px solid green;
        
        }
        #featuresWrap
        {
            width:960px;
            margin:0 auto;
            } 
            #featuresWrapper
            {
                overflow:hidden;
                background-color: #FFFFFF;
    padding: 0 20px 50px;
    width: 920px;
                }
            .featuresColumn
{
    float: left;
    overflow: hidden;
    width: 460px;
    background-color:#fff;
}
 .accounting
{ 
    background-image: url('../images/5.png');
  background-repeat:no-repeat;
  background-position:0 inherit;
  background-attachment:scroll;
  opacity:1;
  }
  .accounting:hover
{  background-image: url('../images/5hover.png');
  background-repeat:no-repeat;
  background-position:0 inherit;}
   .security
{ 
    background-image: url('../images/8.png');
  background-repeat:no-repeat;
  background-position:0 ;
  background-attachment:scroll;
  opacity:1;
  }
  .security:hover
{  background-image: url('../images/8hover.png');
  background-repeat:no-repeat;
  background-position:0 inherit;}
   .interface
{ 
    background-image: url('../images/4.png');
  background-repeat:no-repeat;
  background-position:0;
  background-attachment:scroll;
  opacity:1;
  }
   .interface:hover
{  background-image: url('../images/4hover.png');
  background-repeat:no-repeat;
  background-position:0 inherit;}
  
  
   .encryption
{ 
    background-image: url('../images/3.png');
  background-repeat:no-repeat;
  background-position:0;
  background-attachment:scroll;
  opacity:1;
  }
  .encryption:hover
{  background-image: url('../images/3hover.png');
  background-repeat:no-repeat;
  background-position:0 inherit;}
   .reports
{ 
    background-image: url('../images/6.png');
  background-repeat:no-repeat;
  background-position:0;
  background-attachment:scroll;
  opacity:1;
  }
   .reports:hover
{  background-image: url('../images/6hover.png');
  background-repeat:no-repeat;
  background-position:0 inherit;}
  .law
{ 
    background-image: url('../images/1.png');
  background-repeat:no-repeat;
  background-position:0;
  background-attachment:scroll;
  opacity:1;
  }
  .law:hover
{  background-image: url('../images/1hover.png');
  background-repeat:no-repeat;
  background-position:0 inherit;}
  .consulting
{ 
    background-image: url('../images/2.png');
  background-repeat:no-repeat;
  background-position:0;
  background-attachment:scroll;
  opacity:1;
  }
  .consulting:hover
{  background-image: url('../images/2hover.png');
  background-repeat:no-repeat;
  background-position:0 inherit;}
  .easy-work
{ 
    background-image: url('../images/7.png');
  background-repeat:no-repeat;
  background-position:0;
  background-attachment:scroll;
  opacity:1;
  }
  .easy-work:hover
{  background-image: url('../images/7hover.png');
  background-repeat:no-repeat;
  background-position:0 inherit;}
   #featuresWrapper .feature {
    float: left;
    padding: 13px 30px 13px 90px;
    width: 340px;
}
#featuresWrapper .feature h3.title {
    color: #3D3D3D;
    font-size: 12pt;
    margin-bottom: 10px;
    margin-left:30px;
}
#featuresWrapper .feature p {
    color: #5D5D5D;
    line-height: normal;
    font-size:12px;
    margin-left:30px;
}
 #HeaderLogoTopPanel
 {
     margin:20px 0 0 0;
     width:960px;
     
     }
#LogoWrap
 {
     float:left;
     width:170px;
     height:80px;
border:0px solid red;     
     }
     #VideLearnWrap
 {
     margin:0 40px 0 40px;
     float:left;
     width:205px;
     height:80px;
border:1px solid red;     
     }
      #GoToUseWrap
 {
     float:left;
     width:205px;
     height:80px;
border:1px solid red;     
     }
      #ContactsWrap
 {
     float:right;
     width:170px;
     height:80px;
border:1px solid red;     
     }
/*** #MAIN-SLIDER ***/

#main-slider
{
    background: #FFF url("../images/main-slider-bg.png") top center no-repeat;
    clear: both;
    width: 100%;
    z-index: 1;
}

#main-slider .coda-slider, #main-slider .panel-wrapper, #main-slider .coda-slider .panel, #main-slider .coda-slider-wrapper.arrows .coda-slider, #main-slider .coda-slider-wrapper.arrows .coda-slider .panel
{
    height: 351px;
    position: relative;
    width: 960px;
}


#main-slider #s1
{
    left: 50%;
    margin-left: -480px;
    position: relative;
    width: 960px;
}

#main-slider .panel h2.title
{
    display: none;
}

#main-slider .slide-main-image
{
    background: url("../images/slider-image-shadow.png") top left no-repeat;
    bottom: 4px;
    left: 11px;
    padding: 7px 9px 0;
    position: absolute;
    z-index: 8;
}

#main-slider .panel-text
{
    color: #fff;
    float: right;
    font-size: 10pt;
    font-weight: bold;
    line-height: 13pt;
    margin-top: 20px;
    padding: 10px 20px 0 20px;
    width: 240px;
}

#main-slider .panel-text h2
{
    font-size: 22pt;
    line-height: 22pt;
    text-shadow: 1px 1px 1px #022c55;
}

h1
{
    font-size: 14pt;
    line-height: 22pt;
    text-shadow: 1px 1px 1px #022c55;
}

#main-slider .coda-nav
{
    background: url("../images/main-slider-tabs-bg.png") 0 0 repeat-x;
    height: 62px;
    width: 100% !important;
}

#main-slider .coda-nav ul
{
    margin: 0 auto;
    padding: 0;
    width: 960px !important;
}

#main-slider .coda-nav ul li a
{
    background: url('../images/main-slider-tabs-divider.png') top right no-repeat;
    color: #1681e5;
    display: block;
    font-size: 10.5pt;
    font-weight: bold;
    height: 42px;
    padding: 20px 30px 0px 30px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}

#main-slider .coda-nav ul li:last-child a
{
    background-image: none;
}

#main-slider .coda-nav ul li:first-child a.current
{
    left: 10px;
}

#main-slider .coda-nav ul li a.current
{
    background: url('../images/main-slider-active-left.png') no-repeat left top;
    color: #d5ebff;
    text-shadow: 1px 1px 1px #084fa2;
    left: -5px;
}

#main-slider .coda-nav ul li a.current b
{
    background: url('../images/main-slider-active-right.png') no-repeat left top;
    float: right;
    height: 62px;
    position: absolute;
    top: 0px;
    right: -6px;
    width: 13px;
}
/*** #MENU ***/

#menu
{
    background: url("../images/menu-bg.png") top left no-repeat;
    float: left;
    height: 83px;
    left: 50%;
    margin-left: -480px;
    top: 40px;
    position: relative;
    width: 960px;
    z-index: 9;
}

#menu ul
{
    list-style: none;
    margin: 0;
    height: 83px;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 9;
}

#menu li
{
    font-size:13px;
    color: #fff;
    float: left;
    text-transform: uppercase;
}

ul#nav li:hover, ul#nav li.active
{
    background: url("../images/menu-active-left.png") top left no-repeat;
}

ul#nav li a
{
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 15px 15px 10px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #205998;
}

ul#nav li:hover a, ul#nav li.active a
{
    background: url("../images/menu-active-right.png") top right no-repeat;
    color: #12297a;
    text-shadow: none;
}

ul#nav li ul
{
    background: url("../images/submenu-bg.png") top left no-repeat;
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
}

.inner ul#nav li ul
{
    background: url("../images/submenu-inner-bg.png") top left repeat-x;
}

ul#nav li:hover ul, ul#nav li.active ul
{
    display: block;
}

ul#nav li:hover ul li a, ul#nav li.active ul li a
{
    padding: 12px 19px 10px 17px;
}


ul#nav li:hover ul li, ul#nav li:hover ul li a, ul#nav li.active ul li, ul#nav li.active ul li a
{
    background: none;
    color: #1681e5;
    text-transform: none;
}

ul#nav li:hover ul li:hover, ul#nav li.active ul li.active
{
    background: url("../images/submenu-active-left.png") left 10px no-repeat;
}

ul#nav li:hover ul li a:hover, ul#nav li.active ul li a:hover, ul#nav li.active ul li.active a
{
    color: #fff;
    background: url("../images/submenu-active-right.png") right 10px no-repeat;
}
.banner {
    background: url("../images/banner-bg.png") no-repeat scroll left top transparent;
    display: inline-block;
    margin-right: 7px;
}
.banner a {
    color: #000000;
    display: block;
    font-size: 12pt;
    font-weight: bold;
    height: 74px;
    line-height: 55pt;
    position: relative;
    text-decoration: none;
    width: 313px;
}
.banner a:hover {
    text-decoration: underline;
}
.banner .banner-icon {
    float: left;
    margin-right: 20px;
    position: relative;
    top: 1px;
}
#banner-buttons {
    margin-bottom: 23px;
    margin-top: 26px;
    white-space: nowrap;
}
#footer-top {
    background: url("../images/menu-bg1.png") no-repeat scroll 0 0 transparent;
    height: 100px;
    margin:0 auto;
    width:960px;
}
.footerBanner 
{
    margin:0 auto;
    color: white;
    font-size: 22px;
    text-align: center;
}
#footer {
 
 margin:0 0 20px 0;
}
#footerInner
{
   margin:0 auto ;
 width:960px;
    background: url("../images/footer-bg.png") repeat scroll 0 0 transparent;
    color: #D7D7D7;
    font-size: 9pt;
    padding: 23px 0 30px;
    height:150px; 
    }
#footer a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer-links {
    color: #8C8C8C;
    float: left;
    line-height: 22px;
    list-style: disc inside none;
    margin: 0 0 0 30px;
    padding: 0;
}
#questions {
    float: left;
    margin-left: 120px;
}
#questions p {
    margin: 0;
}
#questions .highlight {
    font-size: 120%;
}
#questions .highlight, #questions .phone, #questions .email, #questions .skype {
    padding: 0 0 12px 30px;
}
#questions .phone {
    background: url("../images/footer-sprite.png") no-repeat scroll 0 2px transparent;
    font-size: 120%;
}
#questions .email {
    background: url("../images/footer-sprite.png") no-repeat scroll 0 -27px transparent;
}
#questions .skype {
    background: url("../images/footer-sprite.png") no-repeat scroll 0 -59px transparent;
}